<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Error</title>
    <link rel="stylesheet" href="../../public/static/font-awesome/css/font-awesome.css">
</head>
<style>
    h1{
        font-size: 75px;
        margin: 0;
    }
    a{
        color: #808080;
        text-decoration:none;
    }
    @media (max-width: 776px) {
        img{
            width: 100%;
        }
    }
</style>
<body>
<div align="center">
    <img src="../../public/static/images/500.jpg">
    <h1>404</h1>
    <h2>The page went into outer space</h2>
    <a href="/">Return to Home Page<i class="fa fa-chevron-circle-right" aria-hidden="true" style="margin-left: 25px"></i></a>
</div>
</body>
</html>